@import "reset.css";

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#main-container {
  display: flex;
  height: 100vh;
  background: url("./assets//images/index_bg.png") left top no-repeat;
}

#left-container {
  flex: 2;
  // TODO:掌握background属性 查
  background: url("./assets/images/line_img.png") top right repeat-y;
  display: flex;
  // flex-flow 是flex-direction和flex-wrap 的简写
  flex-flow: column nowrap;
}

.left-top {
  flex: 1;
  .current-number {
    // 如果有背景图 应该首先使用背景background的属性来满足需求
    margin: 0.2rem;
    width: 4.96rem;
    height: 1.86rem;
    background: url("./assets/images/border_bg01.png") top left no-repeat;
    background-position: center;
    background-size: contain;
    div{
      color: #0e94ea;
      text-align: center;
      font-size: 0.2rem;
      height: 0.78rem;
      line-height: 0.78rem;
      background: url("./assets/images/title_bg01.png") center center no-repeat;
    }
    p{
      color: white;
      font-size: 0.6rem;
      text-align: center;
    }
  }

}
.box-titlea {
  font-size: 0.2rem;
  height: 0.5rem;
  line-height: 0.4rem;
  padding-left: 0.2rem;
  margin: 0.2rem;
  color: white;
  background: url("./assets/images/box_title.png") top left no-repeat;
  // text-align: center;
}
.box-title {
  font-size: 0.2rem;
  height: 0.5rem;
  line-height: 0.4rem;
  padding-left: 0.2rem;
  margin: 0.2rem;
  color: white;
  background: url("./assets/images/box_title.png") top left no-repeat;
  
}
.left-centre {
 flex: 2;

 .box-echarts{
  
  display: flex;
 }
}

.left-bottom {
  flex: 2;
}
.left-bottoma {
 
  height: 500px;
}
#centre-container {
  flex: 3;
  .centre-title {
    margin: 0.2rem 0;
    width:100%;
    height: 0.53rem;
    font-size: 0.35rem;
    color: white;
    text-align: center;
    background: url("./assets//images/title_border.png") top left no-repeat;
  }
}

#right-container {
  flex: 2;
  background: url("./assets/images/line_img.png") top left repeat-y;
  display: flex;
  flex-flow: column nowrap;
}
.right-top{
  flex: 2;
}

.right-bottom{
  flex: 2;
}
